iT邦幫忙

2022 iThome 鐵人賽

DAY 1
0
Modern Web

React應用記錄誌系列 第 1

Day1 下載和安裝React的執行環境和編輯器

  • 分享至 

  • xImage
  •  

Install Node.js and NPM

  1. 進入Node.js的官網下載Node.js
    連結網址:https://nodejs.org/en/

    https://ithelp.ithome.com.tw/upload/images/20220916/20139800FiGdzbqiTy.png

  2. 下載並執行安裝,此安裝檔也會同時將npm管理套件也安裝好。

  3. 安裝完成後要查看是否安裝成功,打開cmd命令列界面,輸入node –v如果有看到 node 的版號表示安裝成功,接著輸入npm –v 查看npm是否也安裝成功。

Install Visual Studio Code

下載及安裝Visual Studio Code,
連結網址:https://code.visualstudio.com/download

https://ithelp.ithome.com.tw/upload/images/20220916/201398009m32BFBbpv.png

安裝VS Code Extension外掛套件

安裝完VS Code後,建議安裝 Extension外掛套件ES7 React/Redux/GraphQL/React-Native snippets,它可以讓你快速建立函數表達式組件,可以自動完成元件架構,能更有效地開發 React 應用程式。

建立全新的 React 應用程式

1.開啟vscode Terminal 輸入

npx create-react-app  myapp(應用程式名稱可自取),
cd myapp
npm start

可以開始編寫React程式了……


下一篇
Day02 React Hooks – useState
系列文
React應用記錄誌31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言